<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!-- CHANGE THIS TITLE TAG -->
    <title>MODDERFONTEIN 规划说明</title>

    <!-- media-queries.js -->
    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
    <!-- html5.js -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->


    json/zh-CN/facility/
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/styles.css" rel="stylesheet" type="text/css" />
    <link href="../index/css/index.css" rel="stylesheet" type="text/css" />
    <link href="../index/css/style.css" type="text/css" rel="stylesheet" />

    <script src="Scripts/cookie.js" type="text/javascript"></script>
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/CJL.0.1.min.js"></script>
    <script src="Scripts/AlertBox.js"></script>
    <script type="text/javascript">
    var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
    initpage(pagelanguage);
    </script>
    <style type="text/css">
    body {
        color: white;
        font-family: Microsoft YaHei;
        line-height: 20px;
    }
    </style>
</head>

<body>
    <!-- data-spy="scroll" style="background: url('http://antownimg.b0.upaiyun.com/newmdf/newghdwimg/ghdwbj.jpg') repeat-x;height:100%;width:100%;"
 -->
    <div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;">
        <img src="http://antownimg.b0.upaiyun.com/newmdf/newghdwimg/ghdwbj.jpg" width="100%" height="100%" />
    </div>

    <!-- TOP MENU NAVIGATION -->
    <div class="navbar navbar-fixed-top" style="height:60px" onload="initlanguage();">
        <div class="navbar-inner" style="background-image:url(http://antownimg.b0.upaiyun.com/newmdf/nindex/heng.png)!important;height:60px; ">
            <!--导航开始-->
            <!-- <div class="container">-->
            <div class="lrstyle">
                <a class="brand pull-left" style="padding:0;margin-left:-40px;margin-top:5px;" href="http://www.zendai.com" target="_blank">
                    <img src="http://antownimg.b0.upaiyun.com/newmdf/nindex//logo_01.png">
                </a>
                <a class="brand pull-left" style="padding:0;margin-left:10px;margin-top:6px;" href="../../index.html">
                    <img src=" http://antownimg.b0.upaiyun.com/newmdf/nindex//logo_02.png">
                </a>
                <a class="brand pull-left" style="padding:0;margin-left:15px;margin-top:8px;" href="../../guihua.html" target="_blank">
                    <img src=" http://antownimg.b0.upaiyun.com/newmdf/nindex//logo_03.png">
                </a>
                <ul id="nav-list2" class="nav" style="height:60px; float:right">
                    <li>
                        <a href="../../guihua.html">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/emap.png' style="margin-left:-15px">
                        </a>
                    </li>
                    <li>
                        <a href="#" onclick="changelanguage();setlanguage();" id="planguage">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/english.png' style="margin-left:-25px">
                        </a>
                    </li>
                </ul>
                <ul id="nav-list" class="nav" style="height:60px;float:right; ">
                    <li>
                        <a href="newqwbj.html" id="menu_qwbj">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/qwbj.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newghdw.html" id="menu_ghdw">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/ghdw.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newghln.html" id="menu_ghln">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/ghln.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newcygh.html" id="menu_cygh">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/cygh.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newcssj.html" id="menu_cssj">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/cssj.png'>
                        </a>
                    </li>
                </ul>

            </div>

            <!-- </div> -->
        </div>
    </div>
    <!-- QWBJ CONTENT -->
    <div class="container content container-fluid" id="home">
        <div class="row-fluid" style="width:980px;margin-left:-30px;">
            <!-- APP DETAILS -->
            <div class="span12" style="margin-top:0px;">
                <!-- APP NAME -->
                <img id="main_img" src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/bai.png" />
                <div id="main_title">
                    <h2>

                    </h2>
                </div>
            </div>
            <br>
            <br>


            <ul>
                <li>
                    <a id="znzcshowDetail" href="#" rel="gallery" class="thumbnail">
                        <div style="position:relative;">
                            <img src="http://antownimg.b0.upaiyun.com/newmdf/newghdwimg/g1.png" style="width:245px;height:546px">
                            <div id="main_znzc" class="divbackground">

                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <div style="width:245px;height:547px;background-color:green;position:relative;">
                        <img id="g3" src="http://antownimg.b0.upaiyun.com/newmdf/newghdwimg/ghdw3.png">
                        <!-- <div style="position:absolute;font-color=white;color:whitetext-shadow: 0;font-family:Microsoft YaHei;padding:15px;line-height:2.3em">
                        <p >
                        <h3>规划定位</h3>
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在规划设计概念布局和生态技术措施两个层面，打造生态友好、可持续发展的低碳城市。在生态和谐的背景上展开的是人们升华的和谐。一瓶大龟波的投资、教育培训和产业引进。城市环境得到大规模提升，劳动力速折不断提高，大量工作岗位，使得人们安居乐业，促进民族融合。城市的活力来自于城市生活的多元化和丰富多彩。而这源自于城市产业的多样性、连贯性、综合性。沐德坊的未来，是生产、生活、休闲娱乐一体化的综合性城市。沐德坊在设计之处被定义为一个智能城市，最新的IT技术、当代最先进沟通和管理模式应用其中，这使得城市更加高效。
</p></div> -->
                        <!-- <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/cygh/国际金融贸易中心2.jpg" > -->
                    </div>
                </li>
                <li>

                    <a id="hlzcshowDetail" href="#" rel="gallery" class="thumbnail">
                        <div style="position:relative;">
                            <img src="http://antownimg.b0.upaiyun.com/newmdf/newghdwimg/ghdwt3.png" style="width:490px;height:273px">
                            <div id="main_hlzc" class="divbackground">
                            </div>
                        </div>
                    </a>
                </li>
                <li>

                    <ul>
                        <li>
                            <a id="hxzcshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/newmdf/newghdwimg/ghdwt4.png" style="width:245px;height:273px">
                                    <div id="main_hxzc" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a id="stzcshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/newmdf/newghdwimg/ghdwt5.png" style="width:245px;height:273px">
                                    <div id="main_stzc" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>

                </li>
            </ul>

        </div>
    </div>


    <footer id="footer">
        <!--  <div class="container-fluid"> -->
        <div class="container">
            <div class="row info">
                <div class="col-sm-5 residence">
                    <ul>
                        <li> <a id="f1" href="newqwbj.html">区位背景 </a>┊
                        </li>
                        <li> <a id="f2" href="newghdw.html">规划定位 </a>┊
                        </li>
                        <li><a id="f3" href="newghln.html">规划理念 </a>┊</li>
                        <li><a id="f4" href="newcygh.html">产业规划 </a>┊</li>
                        <li><a id="f5" href="newcssj.html">城市设计 </a>┊</li>
                        <li><a href="newcssj.html">eMap</a>
                        </li>


                    </ul>
                </div>
                <div id="f6" class="col-sm-7 touch ">
                    <ul>
                        <li>
                            Copyright 2014 MODDERFONTEIN All Rights Reserved
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </footer>
    <div id="idBoxstzc" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframestzc" src="hlzc-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="stzcDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxhlzc" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframehlzc" src="stzc-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="hlzcDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxhxzc" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframehxzc" src="hxzc-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="hxzcDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxznzc" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframeznzc" src="znzc-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="znzcDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img
/closediv.png">
        </div>
    </div>

    <!-- FOOTER -->


    <script type="text/javascript">
    // var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
    // initpage(pagelanguage);
    (function() {
        var abstzc = new AlertBox("idBoxstzc"),
            lock = true,
            center = true;
        var abhlzc = new AlertBox("idBoxhlzc"),
            lock = true,
            center = true;
        var abhxzc = new AlertBox("idBoxhxzc"),
            lock = true,
            center = true;
        var abznzc = new AlertBox("idBoxznzc"),
            lock = true,
            center = true;


        $$("stzcshowDetail").onclick = function() {
            abstzc.center = true;
            abstzc.show();
        }
        $$("stzcDetailcolse").onclick = function() {
            abstzc.close();
        }

        $$("hlzcshowDetail").onclick = function() {
            abhlzc.center = true;
            abhlzc.show();
        }

        $$("hlzcDetailcolse").onclick = function() {
            abhlzc.close();
        }

        $$("hxzcshowDetail").onclick = function() {
            abhxzc.center = true;

            abhxzc.show();
        }

        $$("hxzcDetailcolse").onclick = function() {
            abhxzc.close();
        }

        $$("znzcshowDetail").onclick = function() {
            abznzc.center = true;
            abznzc.show();
        }
        $$("znzcDetailcolse").onclick = function() {
            abznzc.close();
        }
    })()


    function setllanguage(ipagelanguage) {

        if (ipagelanguage == "en") {
            $("#f1").html("Context");
            $("#f2").html("Positioning");
            $("#f3").html("Concept");
            $("#f4").html("Industry");
            $("#f5").html("Design");
            $("#f6").html("Copyright 2014 MODDERFONTEIN All Rights Reserved ");

            $("#main_title").html("<h2>PLANNING POSITION</h2>");
            $("#main_stzc").html("AN ECO CITY");
            $("#main_hlzc").html("A CITY OF VITALITY");
            $("#main_hxzc").html("A CITY OF HARMONY");
            $("#main_znzc").html("A CITY OF INTEL...");
            // $("#main_detail").html("<font style='font-family:微软雅黑;'size='2px'>In terms of planning concept of Eco Infrastructure System（ECI）, as well as Eco technological measures, the future of Modderfontein will be an Eco friendly, sustainable and low carbon city.Infused with massive investment, education and training as well as introduction of various kinds of industries, Modderfontein will become a harmonic new city with energetic urban environment. Ethnic integration will be achieved by improvement of the quality of human resources, creation of jobs for peoples to live and work in peace.The vitality of city is due to its pluralism of urban life in terms of environmental and cultural richness, which is based on industrial diversity. The future city of Modderfontein will be a comprehensive city, which embraces working, living and entertainment.The Modderfontein city is designated to be an intelligent city, which Utilizes the most updated IT technologies , as well as other contemporary knowledge-based technologies in communication and management, which makes the city more efficient.</font>");
        } else {

            $("#f1").html("区位背景");
            $("#f2").html("规划定位");
            $("#f3").html("规划理念");
            $("#f4").html("产业规划");
            $("#f5").html("城市设计");
            $("#f6").html("Copyright 2014 MODDERFONTEIN All Rights Reserved ");

            $("#main_title").html("<h2>PLANNING POSITION 规划定位</h2>");
            $("#main_stzc").html("生态之城");
            $("#main_hlzc").html("活力之城");
            $("#main_hxzc").html("和谐之城");
            $("#main_znzc").html("智能之城");
            // $("#main_detail").html("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在规划设计概念布局和生态技术措施两个层面，打造生态友好、可持续发展的低碳城市。在生态和谐的背景上展开的是人民生活的和谐。依凭大规模的投资、教育培训和产业引进，城市环境得到大福提升，劳动力素质不断提高，大量的工作岗位，使得人们安居乐业，促进民族融合。城市的活力来自于城市生活的多元化和丰富多彩。而这源自于城市产业的多样性、连贯性、综合性。沐德坊的未来，是生产、生活、休闲娱乐一体化的综合性城市。沐德坊在设计之处被定义为一个智能城市，最新的IT技术、当代最先进沟通和管理模式应用其中，这使得城市更加高效.");

        }
    };

    function changelanguage11(pagelanguage) {
        if (pagelanguage == "en") {
            $("a#planguage>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/hanzi.png')
            $("a#menu_qwbj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enqwbj.png')
            $("a#menu_ghdw>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enghdw1.png')
            $("a#menu_ghln>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enghln.png')
            $("a#menu_cygh>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/encygh.png')
            $("a#menu_cssj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/encssj.png')
            $("img#g3").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newghdwimg/enghdw3.png");
        } else {
            $("a#planguage>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/english.png')
            $("a#menu_qwbj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/qwbj.png')
            $("a#menu_ghdw>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/ghdw1.png')
            $("a#menu_ghln>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/ghln.png')
            $("a#menu_cygh>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/cygh.png')
            $("a#menu_cssj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/cssj.png')
            $("img#g3").attr('src', "http://antownimg.b0.upaiyun.com/newmdf/newghdwimg/ghdw3.png");
        }
        chagelinkhref(pagelanguage);
    }
    // changelanguage()
    </script>
</body>


</html>
